<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML常用元素练习</title>
</head>
<body>
    <h1>HTML常用元素练习</h1>
    <hr>
  <h2>结构元素</h2>
    <p>常用的结构元素有<body nav h1 h2 ...</p>
    <h2>内容组织元素</h2>
    <p>内容组织元素有p hr ol li ul div 等</p>
    <ul></ul>
    <li>p</li>
    <li>hr</li>
    <li>ol</li>
    <li>li</li>
<ul></ul>
<ol></ol>
    <li>h1</li>
    <li>h2</li>
    <li>h3</li>
    <li>h4</li>
<div>
 <h2>文本语义元素</h2>
 <p>常用的<a href="https://cn.bing.com/search?q=文本语义元素"
      >文本语义元素</a
    >有a span
    <p>
        <span>央视新闻网</span>
        <span>2023-03-21 12:57:37</span>
        <span>浏览量222</span>
    </p>
<div>
    <h2>内容嵌入元素</h2>
    <p>常用的内容嵌入元素有img iframe video audio svg</p>
    <p>
    <img 
        src="https://e-assets.gitee.com/gitee-community-web/_next/static/media/logo-white.a5b0e29c.svg!/quality/100" 
        alt=""></p> 
    <p><iframe src="//player.bilibili.com/player.html?aid=866861365&bvid=BV18V4y1Q7vz&cid=1077067192&page=1"
         scrolling="no"
          border="0" 
          frameborder="no" 
          framespacing="0" 
          allowfullscreen="true"
          width="400px"
          height="300px"> </iframe></p>
</div>
<div>
    <h2>表格元素</h2>
    <table border="1">
        <thead>
            <tr>
                <th>表头单元格</th><th>表头单元格</th><th>表头单元格</th>
            </tr>
        </thead>
        <tr>
            <td>表格单元格</td><td>表格单元格</td><td>表格单元格</td>
        </tr>
        <tr>
            <td>表格单元格</td><td>表格单元格</td><td>表格单元格</td>
        </tr>
        <tr>
            <td>表格单元格</td><td>表格单元格</td><td>表格单元格</td>
        </tr>
    </table>
</div>
<div>
    <h2>表单元素</h2>
</div>
</body>
</html>
<p></p>